<template>
    <div class="demo-demoIndex">
        <h1>demoIndex</h1>
        <p class="margin_top_15">
            <router-link :to="{name:'fullCalendarDemo'}">
                <Button type="primary">时间日程表demo</Button>
            </router-link>
        </p>

        <p class="margin_top_15">
            <router-link :to="{name:'BreadcrumbDemo'}">
                <Button type="primary">导航 面包屑的 demo</Button>
            </router-link>
        </p>

        <p class="margin_top_15">
            <router-link :to="{name:'postJob'}">
                <Button type="primary">发布职位</Button>
            </router-link>
            <router-link :to="{name:'recmdToDept'}">
                <Button type="primary">推荐至用人部门</Button>
            </router-link>
            <router-link :to="{name:'addPosition'}">
                <Button type="primary">姓增职位</Button>
            </router-link>
        </p>

        <p class="margin_top_15">
            <router-link :to="{name:'statisticsCharts'}">
                <Button type="primary">统计报表</Button>
            </router-link>
        </p>

        <p class="margin_top_15">
            <router-link :to="{name:'recruitPosition'}">
                <Button type="primary">招聘职位</Button>
            </router-link>
        </p>

        <router-view></router-view>
    </div>
</template>

<script>

    export default {
        components: {
        },
        data: function() {
            return {
                // 标题
                activeTitle: "",
            }
        },
        methods: {
            activeMenu: function(activeTitle){
                this.activeTitle = activeTitle;
            }
        },
        computed: {
            name () {
                return this.$route.name
            },

            list () {
                return this.$route.matched
            }
        }
    }
</script>

<style scoped lang="scss">
.demo-demoIndex{
    .margin_top_15{
        margin-top:15px;
    }
}
</style>
